<!DOCTYPE html>
<html class="pixel-ratio-1">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
  <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" /> -->
  <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
  <meta name="viewport" content="width=375, user-scalabe=no">
  <meta http-equiv="pragma" content="no-cache" />
  <meta http-equiv="expires" content="0" />
  <script src="../../../../../public/vendor/flexible/flexible.js"></script>
  <title>养殖批次存栏情况</title>
  <link rel="stylesheet" type="text/css" href="../../../../../public/vendor/weui/weui.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../public/css/common.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../public/css/iconfont/iconfont.css" />
    <link rel="stylesheet" href="../../../../../public/vendor/weui/jquery-weui.min.css">
    <link rel="stylesheet" href="../../../../../public/css/businessreport/livestock/pig/stocksituation.css">
    <script type="text/x-template" id="search-range-popup-sort-item-template">
      {{~it.list :value:index}}
        <li class="background-color-white"  data-flag="search-range-popup-li">
              <div class="weui-cell__bd search-range-list-item" style="padding: 8px 16px;">
                  <p data-flag="search-range-sort-li" style="text-align: center;" data-sort="{{=value.sort}}" data-name="{{=value.name}}" >{{=value.title}}</p>
              </div>
       </li>
      {{~}}
  </script>
    <script type="text/x-template" id="search-range-popup-item-template">
        {{~it.list :value:index}}
          <li class="weui-cells_checkbox background-color-white" data-index="{{=index}}" data-flag="search-range-popup-li">
              <label class="weui-cell weui-cell_active weui-check__label" for="s11">
                <div class="weui-cell__hd">
                    <input type="checkbox" class="weui-check" data-title="search-range-popup-value-{{=index}}" id="search-range-popup-input-{{=index}}"/>
                    <i class="weui-icon-checked"></i>
                </div>
                <div class="weui-cell__bd">
                    <p id="search-range-popup-value-{{=index}}">{{=value}}</p>
                </div>
            </label>
        </li>
        {{~}}
    </script>
    <script type="text/x-template" id="search-range-list-item-template">
      {{~it.list :value:index}}
        <li class="background-color-white">
           <div style="display: flex">
            <div style="margin: auto;padding:0 10px">
               {{=index + 1}}
            </div>
            <div class="search-range-list-item background-color-white" style="width: 100%;">
              <div style="border-left: 1px solid #bbbbbb;padding-left: 16px;
              margin: 12px 0;"> 
                <div class="stock-name" >
                  <span>[{{=value.batchTypeName}}]{{=value.batchName}}</span>
               </div>
               <div class="weui-flex" style="margin-bottom: 8px;">
                   <div class="weui-flex__item">
                     <span class="item-title">当前猪只存栏：</span><span class="stock-value"> {{=value.amount}}</span>
                   </div>
                  
                   <div class="weui-flex__item">
                     <span class="item-title">死淘率：</span> {{=value.deathrate}}%
                   </div>
               </div>
               <div class="weui-flex" >
                <div class="weui-flex__item">
                  <span class="item-title">平均饲养日龄：</span>{{?value.avgAge >= it.maxAge}} <span class="item-title" style="color:#fa4040"> {{=value.avgAge}}</span>  {{??}}  {{=value.avgAge}}{{?}}
                </div>
                <div class="weui-flex__item">
                  <span class="item-title">负责人：</span> {{=value.mangUserName || '--'}}
                </div>
            </div>
              </div>
            </div>
           </div>
        </li>
      {{~}}
    </script>
    <script type="text/x-template" id="search-range-popup-tag-template">
        <span class="screening-tag">{{=it.value}}</span>
    </script>
</head>
<body>
<div id="livestock-pig-stocksituation" style="height: 100%;">
  <div class="weui-loadmore weui-loadmore_line" id="main-body-loadmore">
    <span class="weui-loadmore__tips">请求中...</span>
  </div>
  <div style="z-index: 100;
  justify-content: center;
  top: 0;
  align-items: center;
  position: fixed;
  width: 100%;
  background-color: white;">
    <div class="weui-search-bar weui-search-bar_focusing" id="searchBar" style="background-color: #f6f6f6">
      <form class="weui-search-bar__form" id="search-form">
          <div class="weui-search-bar__box">
              <i class="weui-icon-search"></i>
              <input type="search" class="weui-search-bar__input ios-input-adjustment" id="search-form-index" placeholder="搜索" required="">
              <a href="javascript:" class="weui-icon-clear" id="search-form-clear"></a>
          </div>
          <label class="weui-search-bar__label">
              <i class="weui-icon-search"></i>
              <span>搜索批次</span>
          </label>
      </form>
      <a href="javascript:" id="search-form-close" class="weui-search-bar__cancel-btn">取消</a>
    </div>
    <div style="background-color: #f6f6f6;
    text-align: center;"><span id="time" style="color:#f48a8a"></span></div>
  </div>
  <div  style="display: none;position: relative;" id="main-body">
    <div style="overflow-y: scroll;margin-bottom: 44px;margin-top: 75px;">
      <div class="weui-cell businessreport-l-g-weui-cell " id="search-range">
        <div class="weui-cell__hd"><label class="weui-label">检索范围</label></div>
        <div class="weui-cell__bd">
          <i class="icon iconfont icon-snh6-right-direction icon-font-size-24 float-right" style="color: #c7c7cb;" aria-hidden="true"></i>
          <div id="search-range-tags" style="display: initial;float: right;"> </div>
        </div>
      </div>
      <div class="weui-cell businessreport-l-g-weui-cell " id="search-range-sort">
        <div class="weui-cell__hd"><label class="weui-label">数据排序</label></div>
        <div class="weui-cell__bd">
          <i class="icon iconfont icon-snh6-right-direction icon-font-size-24 float-right" style="color: #c7c7cb;" aria-hidden="true"></i>
          <div id="search-range-tags-sort" style="display: initial;float: right;"> </div>
        </div>
      </div>
      <div class="start-span-hint">
        <span>注:以下数据和实际业务填报有关 </span>
      </div>
      <ul id="search-range-list"></ul>
    </div>
    
  </div>
  <div id="popup-bottom" class="weui-popup__container popup-bottom ">
    <div class="weui-popup__overlay" id="popup__overlay"></div>
    <div class="weui-popup__modal background-color-white">
      <div class="flow-root p-12 sn-border-bottom background-color-white">
        <button  class="weui-btn weui-btn_default float-left confirm-button" style="color: #333333;" id="clear-button">重置</button>
        <button  class="weui-btn weui-btn_primary float-right confirm-button" style="margin-top: 0;" id="confirm-button">确定</button>
      </div>
      <ul class="businessreport-l-g-scrollbar " id="popup-bottom-ul"></ul>
    </div>
  </div>
  <div id="popup-bottom-sort" class="weui-popup__container popup-bottom ">
    <div class="weui-popup__overlay" id="popup__overlay-sort"></div>
    <div class="weui-popup__modal background-color-white">
      <ul class="businessreport-l-g-scrollbar " id="popup-bottom-ul-sort" style="padding-bottom: 44px;background-color: white;"></ul>
    </div>
  </div>
</div>
<div style="height: 44px;width: 100%;position: fixed;bottom: 0;background-color: white;line-height: 44px;border: 1px solid #f0f0f0;
border-radius: 12px;">
  <div class="weui-flex">
    <div class="weui-flex__item item-title" style="padding-left: 12px;">批次数：<span id="batch-number" class="stock-value" style="font-family: 600;"></span></div>
    <div class="weui-flex__item item-title" style="text-align: end;padding-right: 12px;">商品猪存栏：<span id="commercial" style="color:#333333"></span></div>
  </div>
</div>
<script type="text/javascript" src="../../../../../public/vendor/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/vue/vue.min.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/moment/moment.min.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/weui/jquery-weui.min.js"></script>
    <script type="text/javascript" src="../../../../../public/js/common/iosadaptation.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/weui/weui.min.js"></script>
    <script type="text/javascript" src="../../../../../public/js/config/utils.js"></script>
    <script type="module" src="../../../../../public/js/features/bizreport/livestock/pig/stocksituation.js"></script>
</body>
</html>
